<template>
  <div class="section">
    <div class="container">
      <!--Title-->
      <div class="section-title has-text-centered py-6">
        <h2 class="title is-2">Benefits</h2>
        <h4>Take advantage of the future</h4>
      </div>

      <!--Content-->
      <div class="py-12">
        <div class="columns is-vcentered is-multiline card-icon-boxes">
          <!--Box-->
          <div class="column is-3">
            <div class="card card-icon-box">
              <div class="card-content">
                <VIconBox size="medium" color="red">
                  <i aria-hidden="true" class="lnir lnir-unlink"></i>
                </VIconBox>

                <h4 class="title is-5"><br />Less paperwork</h4>
                <p class="subtitle is-6 light-text">
                  <br /><br /><br /><br />
                  Do away with administrative complexity. Diplamo makes issuing
                  and receiving certificates simple.
                </p>
              </div>
            </div>
          </div>
          <!--Box-->
          <div class="column is-3">
            <div class="card card-icon-box">
              <div class="card-content">
                <VIconBox size="medium" color="red">
                  <i aria-hidden="true" class="lnir lnir-coin"></i>
                </VIconBox>

                <h4 class="title is-5"><br />Save costs</h4>
                <p class="subtitle is-6 light-text">
                  <br /><br /><br /><br />
                  Your instituion can obtain big saving by migrating to
                  tokenized certificates. For students, it's free.
                </p>
              </div>
            </div>
          </div>
          <!--Box-->
          <div class="column is-3">
            <div class="card card-icon-box">
              <div class="card-content">
                <VIconBox size="medium" color="red">
                  <i aria-hidden="true" class="lnir lnir-file-lock"></i>
                </VIconBox>

                <h4 class="title is-5"><br />Improve security</h4>
                <p class="subtitle is-6 light-text">
                  <br /><br /><br /><br />
                  Leverage blockchain technologies to make your institution
                  fraud-resistant.
                </p>
              </div>
            </div>
          </div>
          <!--Box-->
          <div class="column is-3">
            <div class="card card-icon-box">
              <div class="card-content">
                <VIconBox size="medium" color="red">
                  <i aria-hidden="true" class="lnir lnir-laptop-alt-switch"></i>
                </VIconBox>

                <h4 class="title is-5">Modernize your institution</h4>
                <p class="subtitle is-6 light-text">
                  <br /><br />
                  Put your institution at the forefront of technological
                  modernization. Be first in line for future innovations in the
                  intersection of blockchain and education.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
